<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.Date" %>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>turkish-predictive-text demo</title>

<style>
	.key { width: 80px; height: 50px;}
	.in { font-size: 130%; }
</style>
</head>
<body>
<h1><a href="http://code.google.com/p/turkish-predictive-text/">turkish-predictive-text</a> demo</h1>

<p>This is demo the interface for <b>Turkish-Predictive-Text</b> project. It is a text-prediction
library for mobile phones and uses Zemberek NLP library. Source code of this
project is distributed under GNU/GPL open source license. Please visit <a href="http://code.google.com/p/turkish-predictive-text/">project home</a> for further details.</p>
	<div style="margin: 10px 50px; padding:10px; background-color: #ededed; border: 1px solid #999999;">
		<form method="post" action="/">
		<div style="margin-left:30px;">
		<h4 style="margin:0; padding:0;">Write a word using your phone keypad:</h4>
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'1 ');" value="1 (')">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'2 ');" value="2 (abc)">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'3 ');" value="3 (def)"><br />
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'4 ');" value="4 (ghi)">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'5 ');" value="5 (jkl)">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'6 ');" value="6 (mno)"><br />
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'7 ');" value="7 (pqrs)">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'8 ');" value="8 (tuv)">
			<input class="key" type="button" onclick="$('#text').val($('#text').val()+'9 ');" value="9 (wxyz)"><br /><br />
			<input class="in" type="text" id="text" name="frmKeystrokes" /> <input type="submit" style="font-weight:bold" value="Find predictions in Turkish" /><br />
		</div>
		
		
		
		
		<br /><p><b>examples:</b>(copy one of them to the textbox above)</p>
		
		<div style="margin-left:30px; margin-top: 10px;">
			<input type="text" value="3 3 6 3 6 3" /> for "deneme"<br />
			<input type="text" value="4 3 5 3 4 6" /> for "geldim"<br />
			<input type="text" value="2 6 5 2 7 2 1 9 2" /> for "Ankara'ya"<br />
			<input type="text" value="7 8 7 9 2" /> for "Rusya"<br />
			<input type="text" value="3 8 2 7" /> for "fuar"<br />
		</div>
		</form>
	</div>

<small>
	<a href="http://code.google.com/p/turkish-predictive-text/" style="font-weight:bold">project home at Google Code</a><br />
	developed by <a href="http://www.ahmetalpbalkan.com">ahmet alp balkan</a>
</small><br />
<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif"
alt="Powered by Google App Engine" />
</body>
</html>